<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title></title>
		<link rel="stylesheet" type="text/css" href="/css/common.css" />
		<link rel="stylesheet" type="text/css" href="/js/flatpickr.min.css" />
		<link rel="stylesheet" type="text/css" href="/bootstrap-3.3.7/css/bootstrap.min.css" />
		<link rel="stylesheet" type="text/css" href="/dialog/css/dialog.css" />
		<link rel="stylesheet" type="text/css" href="/css/font-awesome.css" />
		<link rel="stylesheet" type="text/css" href="/css/bootstrap-datetimepicker.min.css" />
		<link rel="stylesheet" type="text/css" href="/css/pager.css" />
		<link rel="stylesheet" href="/css/shoufengqin.css">
		<link rel="stylesheet" type="text/css" href="/css/haha.css" media="screen" />
		<link rel="stylesheet" href="/css/b.page.bootstrap3.css" type="text/css"/>
	</head>

	<body>
		<!--顶部导航 -->
		<nav class="topNavItemBox">
			<div id="ItemBox">
				<div class="title">智慧溯源系统</div>
				<div class="subtitle">肉品溯源管理</div>
				<div class="rightUserInfo">
					<div class="commentAvatarDiv">
						<img class="commentAvatarImage" src="/images/people.jpg">
					</div>
					<div class="userName">
					<#if Session.curEmployeeInfo??>
                        <a href="/admin/logout">${Session.curEmployeeInfo.emName}</a>
					</#if>
					</div>
					<span class="glyphicon glyphicon-option-vertical userIcon" aria-hidden="true"></span>
				</div>
			</div>
		</nav>
        <!--检疫查询 -->
        <div class="contain">
        	<#include "leftPage.ftl">
        </div>
        <div id="middle1" class="page_main">
				<div id="middle2" class="page_content">
					<#--<h5>
						<a href="/admin/logout">点我退出</a>
					</h5>-->
                        <!--中间-->
                        <div class="content_intru">
                            <!-- 一幅图片+文字 -->
                            <div class="coont">
                                <!--图片 -->
                                <div class="tp">
                                    <img src="/images/cangku.jpg" style="width:190px;height:190px" />
                                </div>
                                <!-- 文字 -->
                                <div class="tpc">
                                    <div class="cz">
                                        <h4 style="font-weight: 800;">&nbsp;&nbsp;&nbsp;物资管理</h4>
                                        <span><br /> &nbsp;&nbsp;保管员通过物资管理调配<br />
							&nbsp;记录疫苗和饲料的库存和出入库 </span>
                                    </div>
                                </div>
                            </div>
                            <!-- 一幅图片+文字 -->

                            <div class="coont" style="left:210px">
                                <!--图片 -->
                                <div class="tp">
                                    <img src="/images/siyang.jpg" style="width:190px;height:190px" />
                                </div>
                                <!-- 文字 -->
                                <div class="tpc">
                                    <div class="cz">
                                        <h4 style="font-weight: 800;">&nbsp;&nbsp;&nbsp;饲养管理</h4>
                                        <span><br /> &nbsp;&nbsp;饲养员对饲养的生猪进行记录<br />
							&nbsp;记录生猪的生长环境和实时重量 </span>
                                    </div>
                                </div>
                            </div>

                            <div class="coont" style="left:420px">
                                <!--图片 -->
                                <div class="tp">
                                    <img src="/images/pig.jpg" style="width:190px;height:190px" />
                                </div>
                                <!-- 文字 -->
                                <div class="tpc">
                                    <div class="cz">
                                        <h4 style="font-weight: 800;">&nbsp;&nbsp;&nbsp;出入厂管理</h4>
                                        <span><br /> &nbsp;&nbsp;生猪进出养殖场过程<br />
							&nbsp;记录生猪出入厂信息及检验结果 </span>
                                    </div>
                                </div>
                            </div>

                            <div class="coont" style="top:210px">
                                <!--图片 -->
                                <div class="tp">
                                    <img src="/images/tuzai1.jpg" style="width:190px;height:190px" />
                                </div>
                                <!-- 文字 -->
                                <div class="tpc">

                                    <div class="cz">
                                        <h4 style="font-weight: 800;">&nbsp;&nbsp;&nbsp;屠宰包装</h4>
                                        <span><br /> &nbsp;&nbsp;屠宰包装生猪和各个部位<br />
							&nbsp;记录屠宰流水线中的屠宰信息 </span>
                                    </div>
                                </div>
                            </div>

                            <div class="coont" style="top:210px; left:210px">
                                <!--图片 -->
                                <div class="tp">
                                    <img src="/images/transport.png" style="width:190px;height:190px" />
                                </div>
                                <!-- 文字 -->
                                <div class="tpc">
                                    <div class="cz">
                                        <h4 style="font-weight: 800;">&nbsp;&nbsp;&nbsp;冷链运输</h4>
                                        <span><br /> &nbsp;&nbsp;对猪肉产品的运输<br />
							&nbsp;记录物流运输和装卸货信息 </span>
                                    </div>
                                </div>
                            </div>

                            <div class="coont" style="left:420px;top:210px">
                                <!--图片 -->
                                <div class="tp">
                                    <img src="/images/suyuan.png" style="width:190px;height:190px" />
                                </div>
                                <!-- 文字 -->
                                <div class="tpc">
                                    <div class="cz">
                                        <h4 style="font-weight: 800;">&nbsp;&nbsp;&nbsp;溯源查看</h4>
                                        <span><br /> &nbsp;&nbsp;连接电商平台查看产品追溯信息<br />
							&nbsp;查看溯源六个模块信息 </span>
                                    </div>
                                </div>
                            </div>
                        </div>
				</div>
		</div>
		<!-- <iframe src="left.ftl" frameborder="0"></iframe> -->
		<div class="footer">
			<div class="footer_lineone">
				<span id="logo"></span>肉品溯源管理系统 
				<span class="footer_lineoneSpan"><a href="aboutus.html">关于我们</a></span>
				<span class="footer_lineoneSpan"><a target="_blank" href="http://www.cfsiw.com/">食品安全信息</a></span> 
				<span class="footer_lineoneSpan"><a href="suggestionAdd.ftl">联系我们</a></span>
			</div>
			<div class="footer_linetwo">
				 &copy;2017广东技术师范学院
			</div>
		</div>	

		<script src="/js/jquery-1.9.1.min.js" type="text/javascript" charset="utf-8"></script>
		<script src="/js/google-maps.js" type="text/javascript" charset="utf-8"></script>
		<script src="/js/jquery.form.js"></script>
		<script src="/dialog/js/dialog.js"></script>
		<script src="/js/jquery.validate.min.js" type="text/javascript" charset="utf-8"></script>
		<script src="/js/messages_zh.min.js" type="text/javascript" charset="utf-8"></script>
		<script src="/js/common.js" type="text/javascript" charset="utf-8"></script>
		<script src="/js/bootstrap-datetimepicker.js" type="text/javascript" charset="utf-8"></script>
		<script src="/laydate/laydate.js"></script> <!-- 改成你的路径 -->
		<script type="text/javascript" src="/js/b.page.js" ></script>
		<script src="/js/pager.js"></script>
		<script src="/js/shoufengqin.js"></script>
		<script src="/js/flatpickr.js"></script>
        <script type="text/javascript" charset="UTF-8">

            $(function() {
                //初始化侧边栏
                $(".vertical-nav").verticalnav({
                    speed: 400,
                    align: "left"
                });

                //时间选择组件1
                laydate.render({
                    elem: '#test1' //指定元素
                    ,range: true
                });

                //分页组件
                Page({
                    num:7,					//页码数
                    startnum:6,				//指定页码
                    elem:$('#page2'),		//指定的元素
                    callback:function(n){	//回调函数
                        console.log(n);
                    }
                });

                jQuery(document).ready(function($)
                {
                    $('.list22 ul li p').clickdown();
                    $('.list-se p[class=title22]').clickup();
                    $('.list22>ul>li').ad();
                });
            });
        </script>
	</body>
	<style type="text/css">
		#test1{
			width: 155px;
			height: 30px;
		}
		.buttonGroup{
			display: inline-block;
			margin-bottom: 20px;
		}
		.searchGroup{
			display: inline-block;
			float: right;
		}
		.tableButtonGroup{
			text-align: center;
		}
		.paginationFoot{
			text-align: center;
		}
		.contain{
			overflow: hidden;
		}
		.contain #middle1{
            width:100%;
            margin-left:-200px;
            float:left;
            overflow: hidden;
        }
        .contain #middle2{
            margin-left: 280px;
    		margin-right: 30px;
        }
        .contain .left1{
            width:200px;
            float:left;
            min-width: 200px;
        }
	</style>
</html>